<template> 
    <el-footer style="height:auto" >
        <el-row   >
            <div>姓名：{{name}}</div>
            <button class="btn" @click="share">点击父组件加1</button>
            <slot></slot>
        </el-row>
    </el-footer>
</template>
<script> 
export default {  
  name: 'foot',
  data () {    
    return {  
      msg: 'Welcome' 
    }
  },  
    // props:["name"],
    props:{
        name:{
             type:String,
            required:true
        }

    },
  methods: { 
      share(){
        //   触发当前实例上的事件。附加参数都会传给监听器回调。
          this.$emit("shared",{
              name:'lzz'
          });//触发事件的名字
      }
  }
}
</script>
 